<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>分站心情</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />

    <!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">

    <!--当前页面的css-->
    <link href="../../../css/myPublish.css" rel="stylesheet" />
    <link href="../../../css/mypublishMood.css" rel="stylesheet" />
    <link href="../../../../template/css/college.css" rel="stylesheet" />
    <link href="../../../../template/css/association.css" rel="stylesheet" />
    <link href="../../../css/subCharacter.css" rel="stylesheet" />

    <!-- 引入核心JS -->
    <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>


    <!--引入mock数据-->
    <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
    <style>
    
.coll-main li{
    border-top:inherit;
}
.coll-main li:first-child{
    border-top:1px solid #D9D9D9;
}
    </style>
</head>

<body id="subDynamic">
    <div id="app">
        <div class="state-classify">
            <template v-for="(item,index) in itabs">
                <a href="javascript:void(0);" class="state" :class="{'state-active':types==item.type}" @click="tab(item.type)">{{item.name}}</a>
                <span></span>
            </template>
        </div>
        <ul class="collTitle clearfix">
            <li class="ml0" v-for="(item,index) in tabs" :class="{active:Type==item.id}" @click="tab2(item.id)">
                <a href="javascript:;">{{item.name}}</a>
            </li>
        </ul>
        <section class="publish-block">
            <ul class="coll-main asso-main">
                <li class="clearfix" v-for="item in listTab" @click="urlHref(item)">
                    <div class="coll-main-li">
                        <div class="coll-left">
                            <img :src="item.head_img" />
                        </div>
                        <div class="coll-right">
                            <p>
                                {{item.title}}
                            </p>
                            <div class="coll-right-bot">
                                <div class="coll-browse">
                                    <img src="../../../../images/eye.jpg" />
                                    <span> {{item.read_num}}</span>
                                </div>
                                <div class="coll-time">{{item.create_date}}</div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </section>
        <div class="weui-loadmore" v-if="!hideing">
                <i class="weui-loading"></i>
                <span class="weui-loadmore__tips">正在加载</span>
            </div>
        <!-- <div class="bottom-msg clear" v-if="!hideing">
            <div class="bottom-msg-hr"></div>
            <span class="msg-text">我是有底线的</span>
        </div> -->



    </div>

    <script src="../../../js/mood.js"></script>

</body>

</html>